/**
 * base-pagination-pager.less - BasePaginationPager 组件样式
 * =============================================================
 * Created By: Yaohaixiao
 * Update: 2022.11.09
 */
.base-pagination-pager {
  .font_size_small();
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  margin: 0 5px;
  padding: 0;
  list-style-type: none;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;

  font-family: Arial, sans-serif;
  overflow: hidden;

  &:hover {
    color: @primary_color;
  }

  &.is-active {
    color: @primary_color;
  }

  &.is-disabled {
    color: @fourth_text_color;
    cursor: not-allowed;
  }

  .ijs-icon {
    position: absolute;
    z-index: 2;
    width: 12px;
    height: 12px;
    line-height: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  &_prev,
  &_next {
    color: @fourth_text_color;
  }

  &_prev {
    .ijs-icon {
      transform: rotate(-180deg);
      &__svg {
        margin-top: 6px;
        margin-left: 6px;
      }
    }
  }

  &_next {
    .ijs-icon__svg {
      margin-top: 0;
    }
  }

  &--border {
    .radius_small();
    border: 1px solid @primary_border_color;

    &:hover {
      border-color: @primary_color;
    }

    &.is-active {
      border-color: @primary_color;

      &:hover {
        background-color: @white;
      }
    }

    &.is-disabled {
      color: @fourth_text_color;
      border-color: @fourth_text_color;
      background-color: @disabled_bg_color;

      &:hover {
        background-color: @disabled_bg_color;
      }
    }
  }
}
